/*
 * С неба нам приходят переменные dateStart и dateEnd.
 * Они определены в statistic.tpl
 */
jQuery(document).ready(function(){
	// Обработчик события hover для li
    $("ul#menu li").hover(function(){
        $(this).find('ul').show();
    }, function(){
        $(this).find('ul').hide();
    });
	
	// Генерация jQGrid
    var RROWS = Math.max(Math.round(($(window).height() - 120) / 25), 5);
	
    jQuery("#listsg").jqGrid({
        url: 'ajax/callingReport.php?dateStart='+dateStart+'&dateEnd='+dateEnd+'&detailed=0',
        datatype: 'json',
        mtype: 'POST',
        colNames: ['ID', 'Ф.И.О. сотрудника', 'Общее время разговоров'],
        colModel: [{
            name: 'ID',
            index: 'ID',
            align: 'left',
            hidden: true
        }, {
            name: 'NAME',
            index: 'NAME',
            width: 300,
            align: 'left'
        }, {
            name: 'TOTALTIME',
            index: 'TOTALTIME',
            width: 200,
            align: 'center'
        }],
        pager: jQuery('#pagersg'),
        rowNum: RROWS,
        sortname: 'NAME',
        height: 'auto',
        width: 800,
        sortorder: "asc",
        viewrecords: true,
        multiselect: false,
        subGrid: true,
        caption: 'Данные пользователей',
        subGridRowExpanded: function(subgrid_id, row_id){
            var subgrid_table_id, pager_id;
            subgrid_table_id = subgrid_id + "_t";
            pager_id = "p_" + subgrid_table_id;
            $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table><div id='" + pager_id + "' class='scroll'></div>");
            jQuery("#" + subgrid_table_id).jqGrid({
                url: 'ajax/callingReport.php?dateStart='+dateStart+'&dateEnd='+dateEnd+'&detailed=1&id=' + row_id,
                datatype: "json",
                mtype: 'POST',
                colNames: ['Номер телефона', 'Длительность разговора', 'Дата и время звонка'],
                colModel: [{
                    name: "DIALED",
                    index: "DIALED",
                    width: 150,
                    key: true
                }, {
                    name: "DURATION",
                    index: "DURATION",
                    width: 250,
                    align: "center"
                }, {
                    name: "MMDDTT",
                    index: "MMDDTT",
                    width: 150,
                    align: "center"
                }],
                pager: pager_id,
                rowNum: 20,
                sortname: 'DIALED',
                height: 'auto',
                width: 'auto',
                sortorder: "asc",
                viewrecords: true,
                multiselect: false,
                caption: 'Звонки абонента'
            }).navGrid("#" + pager_id, {
                edit: false,
                add: false,
                del: false
            })
        }
    }).navGrid('#pagersg', {
        add: false,
        edit: false,
        del: false
    });	
	$('#statTable').css('width', $("#gbox_listsg").css('width')).css('margin', 'auto');
});
